
<template>
	<div class="withdrawDeposit">
		<div class="WD-btn">
      <router-link :to="{name:'wdFrom'}">
        <button>提现</button>
      </router-link>

		</div>
		<!-- 提现记录 -->
		<div class="WD-record clearfix" v-if="list.length>0">
      <div v-for="item in list" class="WD-lists clearfix">
        <router-link :to="{name:'wdFrom',query:{id:item.id}}" >
          <ul   >
            <li >
              <div class="WD-auto">
                <span>开户姓名:</span>
                <span>{{item.buyerName}}</span>
              </div>
            </li>
            <li>
              <div class="WD-auto">
                <span>开户银行:</span>
                <span>{{item.toBank}}</span>
              </div>
            </li>
            <li>
              <div class="WD-auto">
                <span>收款账号:</span>
                <span>{{item.toAccount}}</span>
              </div>
            </li>
            <li>
              <div class="WD-auto">
                <span>提现金额:</span>
                <span>
							<a>{{item.withdrawMoney}}</a>
							<a>/</a>
							<a class="WD-color">含手续费:</a>
							<a>{{item.serviceFee}}</a>
						</span>
              </div>
            </li>
            <li>
              <div class="WD-auto">
                <span>审核状态:</span>
                <span style="color: #0C92F3;">{{item.state}}</span>
              </div>
            </li>
            <li>
              <div class="WD-auto">
                <span>提现日期:</span>
                <span>{{item.createtime|dataFormat}}</span>
              </div>
            </li>
          </ul>
        </router-link>
      </div>
		</div>
		<!-- fixed -->
		<div class="fixed-nav">
			<index-footer></index-footer>
		</div>
	</div>
</template>

<script>
	import IndexFooter from '@/components/base/IndexFooter'
  import {userService} from '#/service'
  import listMixins from '../../mixins/listMixins'
  import baseMixins from '../../mixins/base'
	export default{
		name:'withdrawDeposit',
    data(){
		  return {
        screen:{
          pageIndex:0,
          pageSize:10,
        },
        list:[]
      }
    },
    methods:{
		  async query(){
        let scree=Object.assign({},this.screen)
        return await userService.withdrawList({
          params:scree
        })
      }
    },
    mixins:[listMixins,baseMixins],
		components: {
			IndexFooter
		}
	}
</script>

<style>
	html,body{
		background: #f5f5ff5 !important;
	}
	.withdrawDeposit{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
  .WD-lists{
    margin-bottom: 20px;
  }
	.WD-btn{
		width: 80%;
		height: 0.4rem;
		padding: 0.2rem 0;
		margin: 0 auto;
	}
	.WD-btn button{
		width: 100%;
		height: 0.4rem;
		float:left;
		text-align: center;
		border:none;
		outline: none;
		border-radius: 0.05rem;
		line-height: 0.4rem;
		color: white;
		background: #26A2FF;
		font-size: 0.14rem;
	}
	.WD-record{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.WD-record ul li{
		width: 100%;
		height: 0.3rem;
		line-height: 0.3rem;
		float:left;
	}
	.WD-auto{
		width: 90%;
		margin: 0 auto;
	}
	.WD-auto span{
		display: block;
		float:left;
		font-size: 0.14rem;
		color: #0C92F3;
		margin-right: 0.1rem;
	}
	.WD-auto span:last-child{
		margin-right: inherit;
		color: #333;
	}
	.WD-auto .WD-color{
		color: #0C92F3;
	}
	.WD-auto span a{
		display: inline-block;
		float: left;
		font-size: 0.14rem;
		margin-right: 0.05rem;
		color: #333;
	}
</style>
